<template>
  <div>
    <course-editor dataUrl="/study/chapters"
                   title="章节编辑"
                   listPathName="ChapterList"
                   diffKeys="course_id"></course-editor>
  </div>
</template>
<!--<template>-->
  <!--<d2-container type="card" :filename="filename">-->
    <!--<el-form :model="form" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">-->
      <!--<el-card class="box-card mt20" shadow="hover">-->
        <!--<div slot="header" class="clearfix">-->
          <!--<span>基本信息</span>-->
        <!--</div>-->
        <!--<el-form-item label="标题" prop="title">-->
          <!--<el-input v-model="form.title"></el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="描述" prop="description">-->
          <!--<el-input type="textarea" v-model="form.description"></el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="一句话推荐语" prop="recommend">-->
          <!--<el-input v-model="form.recommend"></el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="封面图" prop="cover_img">-->
          <!--<el-input v-model="form.cover_img"></el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="主图" prop="main_img">-->
          <!--<el-input v-model="form.main_img"></el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="缩略图" prop="thumb">-->
          <!--<el-input v-model="form.thumb"></el-input>-->
        <!--</el-form-item>-->
      <!--</el-card>-->

      <!--<el-card class="box-card mt20" shadow="hover">-->
        <!--<div slot="header" class="clearfix">-->
          <!--<span>多媒体信息</span>-->
        <!--</div>-->
        <!--<el-form-item label="音频持续时长" prop="resource_duration">-->
          <!--<el-input type="number" v-model="form.resource_duration" placeholder="单位：秒"></el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="音频文件大小" prop="resource_size">-->
          <!--<el-input type="number" v-model="form.resource_size" placeholder="单位：KB"></el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="音频文件链接" prop="resource_url">-->
          <!--<el-input type="text" v-model="form.resource_url"></el-input>-->
        <!--</el-form-item>-->
      <!--</el-card>-->

      <!--<el-card class="box-card mt20" shadow="hover">-->
        <!--<div slot="header" class="clearfix">-->
          <!--<span>作者信息</span>-->
        <!--</div>-->
        <!--<el-form-item label="作者姓名" prop="description">-->
          <!--<el-input type="text" v-model="form.author_name"></el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="作者头像" prop="avatar">-->
          <!--<el-upload-->
            <!--class="avatar-uploader"-->
            <!--:action="uploadUrl"-->
            <!--:data="qiniuData"-->
            <!--:show-file-list="false"-->
            <!--:on-success="onUploadSuccess"-->
            <!--:on-error="onUploadError"-->
            <!--:before-upload="onBeforeUpload">-->
            <!--<img v-if="avatarUrl" :src="avatarUrl" class="avatar">-->
            <!--<i v-else class="el-icon-plus avatar-uploader-icon"></i>-->
          <!--</el-upload>-->
        <!--</el-form-item>-->
      <!--</el-card>-->

      <!--<el-card class="box-card mt20" shadow="hover">-->
        <!--<div slot="header" class="clearfix">-->
          <!--<span>销售信息</span>-->
        <!--</div>-->
        <!--<el-form-item label="原始价格" prop="price_origin">-->
          <!--<el-input type="number" v-model="form.price_origin"></el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="当前价格" prop="price_current">-->
          <!--<el-input type="number" v-model="form.price_current"></el-input>-->
        <!--</el-form-item>-->
      <!--</el-card>-->

      <!--<el-card class="box-card mt20" shadow="hover">-->
        <!--<div slot="header" class="clearfix">-->
          <!--<span>文章内容</span>-->
        <!--</div>-->
        <!--<el-row :gutter="40">-->
          <!--<el-col :span="14">-->
            <!--<d2-ueditor v-model="form.content"/>-->
          <!--</el-col>-->
          <!--<el-col :span="8">-->
            <!--<el-card v-if="form.content" shadow="never" style="border: 1px solid #d4d4d4;">-->
              <!--<template slot="header">内容预览</template>-->
              <!--<div v-html="form.content" style="margin: -20px 0px;"></div>-->
            <!--</el-card>-->
          <!--</el-col>-->
        <!--</el-row>-->
      <!--</el-card>-->
    <!--</el-form>-->

    <!--<template slot="footer">-->
      <!--<el-button type="primary" @click="onSave">-->
        <!--<d2-icon name="save"/> 保存-->
      <!--</el-button>-->
      <!--<el-button type="danger" @click="onCancel">-->
        <!--<d2-icon name="cancel"/> 取消-->
      <!--</el-button>-->
    <!--</template>-->
  <!--</d2-container>-->
<!--</template>-->

<!--<script>-->
<!--import request from '@/plugin/axios'-->
<!--import * as qiniu from 'qiniu-js'-->
<!--import settings from '@/setting'-->

<!--export default {-->
  <!--data () {-->
    <!--return {-->
      <!--uploadUrl: '',-->
      <!--qiniuData: {-->
        <!--key: '',-->
        <!--token: settings.qiniu.token-->
      <!--},-->
      <!--form: {-->
        <!--/* 基本信息 */-->
        <!--title: '为什么要读书', // 章节标题-->
        <!--description: '', // 章节描述信息-->
        <!--recommend: '', // 一句话推荐语-->
        <!--content: '', // 文章内容-->
        <!--cover_img: '', // 封面图URL-->
        <!--main_img: '', // 章节主图-->
        <!--thumb: 'http://cdn.dianzedushu.com/cygs.png', // 缩略图-->

        <!--/* 多媒体信息 */-->
        <!--resource_duration: 0, // 相关音频文件持续时长-->
        <!--resource_size: 0, // 相关音频文件的大小-->
        <!--resource_url: '', // 相关音频文件的URL-->

        <!--/* 作者信息 */-->
        <!--author_name: '', // 作者姓名-->
        <!--author_avatar: '', // 作者头像-->
        <!--// author_id: 0, // 作者ID，需要suggest-->

        <!--/* 分类信息 */-->
        <!--// category_main_id: '', // 分类的主ID-->
        <!--// category_sub_id: '', // 分类的次ID-->
        <!--// category_l3_id: '', // 分类的三级ID-->
        <!--keywords: '', // 章节关键词-->
        <!--label1: '', // 章节标签-->
        <!--label2: '', // 章节标签-->
        <!--label3: '', // 章节标签-->

        <!--// create_time: 0, // 文章创建时间默认值-->
        <!--price_current: 0, // 章节当前价格-->
        <!--price_origin: 0 // 章节原价-->
        <!--// status: 0-->
      <!--},-->
      <!--imageUrl: '', // 上传的图片的URL-->
      <!--rules: {},-->
      <!--avatarUrl: '', // 用户头像URL-->
      <!--chapterId: '', // 当前章节的ID-->
      <!--filename: __filename,-->
      <!--text: '<p>Hello World</p>'-->
    <!--}-->
  <!--},-->
  <!--methods: {-->
    <!--onSave () {-->
      <!--let url = '/study/courses'-->
      <!--// http://www.dianzedushu.com:8000/api/v1/study/courses?title=测试文章&price_origin=100&price_current=100-->
      <!--this.form.price_origin = +this.form.price_origin-->
      <!--this.form.price_current = +this.form.price_current-->
      <!--let postData = ''-->
      <!--for (var k in this.form) {-->
        <!--postData += k + '=' + this.form[k] + '&'-->
      <!--}-->
      <!--console.log('POST的数据为：', postData)-->
      <!--if (this.chapterId) {-->
        <!--request.put(url + '/' + this.chapterId, postData).then(response => {-->
          <!--console.log(response)-->
          <!--// router.push({ name: 'user', params: { userId: 123 }})-->
          <!--this.$router.push({ name: 'ChapterList' })-->
        <!--}).catch(error => {-->
          <!--console.log(error)-->
        <!--})-->
      <!--} else {-->
        <!--request.post(url, postData).then(response => {-->
          <!--console.log(response)-->
          <!--// router.push({ name: 'user', params: { userId: 123 }})-->
          <!--this.$router.push({ name: 'ChapterList' })-->
        <!--}).catch(error => {-->
          <!--console.log(error)-->
        <!--})-->
      <!--}-->
    <!--},-->
    <!--onCancel () {-->
      <!--this.$router.push({ name: 'ChapterList' })-->
    <!--},-->
    <!--onUploadSuccess (res, file) {-->
      <!--this.avatarUrl = settings.qiniu.imageEcho + res.key-->
      <!--console.log('上传成功')-->
    <!--},-->
    <!--onUploadError (res, file) {-->
      <!--console.log('上传失败: ', res)-->
    <!--},-->
    <!--onBeforeUpload (file) {-->
      <!--this.qiniuData.key = file.name-->
    <!--},-->
    <!--beforeUpload (file) {-->
      <!--let config = {-->
        <!--useCdnDomain: true,-->
        <!--disableStatisticsReport: false,-->
        <!--retryCount: 6,-->
        <!--region: qiniu.region.z0-->
      <!--}-->
      <!--let putExtra = {-->
        <!--fname: '',-->
        <!--params: {},-->
        <!--mimeType: null-->
      <!--}-->
      <!--let key = file.name-->
      <!--putExtra.params['x:name'] = key.split('.')[0]-->

      <!--let observable = qiniu.upload(file, key, this.qiniuData.token, putExtra, config)-->

      <!--console.log('上传之前的处理: ', file)-->
      <!--observable.subscribe({-->
        <!--next (res) {-->
          <!--console.log('上传过程中：', res)-->
        <!--},-->
        <!--error (res) {-->
          <!--console.log('上传七牛出现错误: ', res)-->
        <!--},-->
        <!--complete (res) {-->
          <!--console.log('完成上传: ', res)-->
        <!--}-->
      <!--})-->
      <!--// var subscription = observable.subscribe(observer) // 上传开始-->
      <!--// var subscription = observable.subscribe(next, error, complete) // 这样传参形式也可以-->
      <!--// subscription.unsubscribe() // 上传取消-->
    <!--},-->
    <!--handleAvatarSuccess () {-->
      <!--console.log('头像上传成功')-->
    <!--},-->
    <!--beforeAvatarUpload () {-->
      <!--console.log('before头像上传')-->
    <!--}-->
  <!--},-->
  <!--created () {-->
    <!--this.chapterId = this.$route.params.chapterId-->
    <!--console.log('获取的当前的章节ID为：', this.chapterId)-->
    <!--if (this.chapterId) {-->
      <!--// 获取当前的课程详情-->
      <!--let url = '/study/courses/' + this.chapterId-->
      <!--request.get(url).then(response => {-->
        <!--console.log(response)-->
        <!--this.form = response-->
      <!--}).catch(function (error) {-->
        <!--console.log(error)-->
      <!--})-->
    <!--}-->

    <!--let config = {-->
      <!--useCdnDomain: true,-->
      <!--disableStatisticsReport: false,-->
      <!--retryCount: 6,-->
      <!--region: qiniu.region.z0-->
    <!--}-->
    <!--qiniu.getUploadUrl(config, this.qiniuData.token).then(res => {-->
      <!--console.log('上传URL为：', res)-->
      <!--this.uploadUrl = res-->
    <!--})-->
  <!--}-->
<!--}-->
<!--</script>-->
<!--<style scoped>-->
  <!--.mt20 {-->
    <!--margin-top: 20px;-->
  <!--}-->
<!--</style>-->
